body{
    width: 100vw;
    height: 100vh;
}

/* 顶部栏 */
#top{
    width: 100%;
    height: 8vh;
    display: flex;
    align-items: center;
    font-size: 3vb;
    position: relative;
}

#top #cancel{
    width: 20vw;
    height: 5vh;
    position: absolute;
    left: 3%;
}

#top #send{
    height: 5vh;
    position: absolute;
    right: 5%;
    top: 10%;
}

#send img{
    display: block;
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* 背景图 */
#background{
    width: 100vw;
    height: 25vh;
    overflow: hidden;
}

#background img{
    /* 请问怎样把图片的宽度填充盒子，又让它的高度多出的部分隐藏？ */
    width: inherit;
    height: inherit;
}

/* 编辑动态  盒子设置为浮动*/
#edit-outerbox{
    width: 100vw;
    height: 73vh;
    display: flex;
    justify-content: center;
    position: absolute;
    float: left;
    top: 27vh;
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
    background-color: white;
}

#edit-innerbox{
    width: 90%;
    height: 82%;
    background-color: RGB(206,246,245);
    border: gray solid 0.1vb;
    margin-top: 1.5vh;      
    position: relative;
    display: flex;
    justify-content: center;
}

#edit-innerbox #edit{
    width: 90%;
    height: 50%;
    position: absolute;
    top: 3%;
    font-size: 2.5vb;
}

#edit-innerbox #photo{
    width: 42%;
    height: 25%;
    position: absolute;
    left: 4vw;
    bottom: 10vh;
    border: black solid 0.1vb;
    background-color: RGB(221,221,221);
    font-size: 2vb;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}


#photo .img-box{
    height: 10vh;
    width: auto;
    text-align: center;
}

#photo img{
    height: 60%;
    width: auto;
    margin-top: 5%;
}

#edit-innerbox #tag{
    width: 32%;
    height: 8%;
    background-color: white;
    position: absolute;
    bottom: 2%;
    left: 3%;
    border-radius: 10% 10% 10% 10%;
    border: black solid 0.1vb;
    font-size: 2vb;
    display: flex;
    align-items: center;
}

#tag img{
    height: 85%;
    margin-left: 1vw;
}

#upload{
    width: 80%;
    height: 8%;
    background-color: RGB(16,16,16);
    position: absolute;
    bottom: 5%;
    border-radius: 1vb;
    font-size: 2vb;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

#upload p{
    color: white;
    
}

/* 补充 */
/* 文本框信息 */
#edit #text{
    width: 100%;
    height: 100%;
    font-size: 2.5vb;
    vertical-align:top;
    /* 去除边框 */
    border: none;
    resize: none;
    /* 去除选中后的边框 */
    outline:none;
    background-color:RGB(206,246,245) ;
}

/* #edit #text */